<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新时代摄影</title>
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="css/login.css" >
    <style>
        html{height: 100%;margin: 0;}
        body{height: 100%;font-size: 12px;display: flex;margin: 0;flex-direction: column;}
        .header{min-width: 100%;flex: 0 0 auto;height: 90px;background-color: #2e2e2e}
        .warp{width: 1280px;height: 85px;margin:0 auto;padding-top: 20px;}
        .lg_logo{float: left;padding: 0 15px 0 0}
        .lg_phone{float: right;margin: 30px 0 0;color: #ffffff;padding-right: 25px}
        footer{flex: 0 0 auto;min-width: 100%;background: #2e2e2e;padding: 40px 0;color: #ffffff;}
        .f-container {width: 1280px;height: 350px;margin: auto;padding: 0;}
        .ftt{border-bottom: 1px solid #666666;width: 1280px;height: 320px;padding-left: 0;}
        footer .ftt .lianxi {width: 325px;margin-bottom: 45px;margin-right: 130px;}
        .fy{float: left;}
        .fr{float: right;}
        footer .ftt .lianxi h3 {margin-bottom: 20px;font-size: 16px;color: #fff;font-weight: 300;border-bottom: 1px solid #fff;padding-bottom: 5px;}
        .pc{border: 0;background-color: #2e2e2e;color: #ffffff;padding: 0;}
        footer .ftt .daohang {width: 340px;}
        footer .ftt .daohang h3 {margin-bottom: 20px;font-size: 16px;color: #fff;font-weight: 300;border-bottom: 1px solid #fff;padding-bottom: 5px;}
        footer .ftt .daohang li a {display: block;color: #fff;text-decoration: nonefont-size: 14px;width: 100%;}
        .f-ul{padding: 0;list-style-type: none;}
        .f-ul>li{width: 85px;text-align: left;float: left;margin-bottom: 15px;}
        footer .ftt .erwei {width: 325px;margin-top: 20px;padding-top: 50px;}
        footer .ftt .erwei img:nth-of-type(1) {margin-right: 60px;}
        footer .ftt .erwei img {border-radius: 5px;}
        footer .footer-bottom {margin-top: 18px;}
        footer .footer-bottom p{text-align: center;}
        footer .footer-bottom p span {margin-left: 34px;
        }
        #contentBoxmain{
            background-image: url(http://www.shumasheying.org.cn/themes/index/public/assets/images/deng_bg.jpg);
            min-width: 1280px;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            height: 100%;
            width: 100%;
            padding-bottom: 10%;
        }
        .zcbox{opacity: 0.7;border: 1px solid #ebf0f2;}


    </style>
</head>
<body>

<div class="header">
    <div class="warp">
        <span class="lg_logo">
           <img src="http://www.shumasheying.org.cn/themes/index/public/assets/images/logo.png" alt="春秋旅游网">
        </span>
        <span class="lg_phone">
            电  话：010-52638701  0372-3668876
        </span>
    </div>
</div>
<section id="contentBoxmain">
    <div class="mx-auto mt-5 " style="width: 400px;opacity: 0.7; position: relative;top: 70px;" >

        <div class="bg-white p-4">
            <p class="text-center" style="font-size: 16px">用户登录</p>
            <div id="error" class="alert alert-danger d-none">
                <i class="fa fa-exclamation-triangle"></i> 账号或密码错误
            </div>
            <div id="logout" class="alert alert-info d-none">
                <i class="fa fa-exclamation-triangle"></i> 已经登出系统
            </div>
            <div id="register" class="alert alert-info d-none">
                <i class="fa fa-exclamation-triangle"></i> 已经成功注册，请登录。
            </div>
            <form action="/login" method="post">
                <div class="form-group has-icon">
                    <input type="text" class="form-control d-inline" name="username" placeholder="手机号">
                    <span class="fa fa-phone form-control-icon"></span>
                </div>
                <div class="form-group has-icon">
                    <input type="password" class="form-control" name="password" placeholder="密码" >
                    <span class="fa fa-lock form-control-icon"></span>
                </div>
                <button type="submit" class="btn btn-primary btn-block ">登录</button>
            </form>
            <a class="d-block mt-1" href="resetpassword.html">忘记密码？</a>
            <a class="d-block mt-1" href="register.html">新用户注册</a>
        </div>
    </div>
</section>

<!--<div class="section">
    <div class="contentBoxmain">
    <div class="fome">
        <div class="logo">
            <a href="/">
                <img src="http://www.shumasheying.org.cn/themes/index/public/assets/images/dlogo.jpg">
            </a>
        </div>
        <form action="/user/login/dologin.html" class="layui-form">
            <h3>登录</h3>
            <div class="sj clearfix">
                <div class="biao fl">
                    <img src="http://www.shumasheying.org.cn/themes/index/public/assets/images/shouji.png" alt="">
                </div>
                <input class="t_input" type="number" name="username" placeholder="请输入手机号">
            </div>
            <div class="sj clearfix">
                <div class="biao fl">
                    <img src="http://www.shumasheying.org.cn/themes/index/public/assets/images/suo.png" alt="">
                </div>
                <input class="t_input" type="password" name="password" placeholder="请输密码" required="required">
            </div>
            <div class="form-group">
                <label style="float: left" class="col">记住用户名和密码</label>
                <div style="float: left;margin-left: 15px" class="col-md-9">
                    <input style="position: relative;top: -1px;" type="checkbox" name="rem">
                </div>
            </div>
            <input class="dl" type="button" value="登录" @click="login()">
            <div class="wangji clearfix">
                <a style="color: black;padding-right: 90px" class="wm" href="/findpassword.html">忘记密码</a>
                <div class="zc fr">还不是会员？<a class="wm" href="/register.html">立即注册</a></div>
            </div>

            <div class="qita">
                <p>其他登录方式</p>
                <div class="sf clearfix">
                    <div class="wx fz"><a href="/comm/wx/login.html"><i class="fa fa-wechat"></i>微信登录</a></div>
                    <div class="qq fz"><a href="/comm/login/indexs.html"><i class="fa fa-qq"></i>QQ登录</a></div>
                </div>
            </div>
        </form>
    </div>
    </div>
</div>-->
<footer>
    <div class="f-container">
        <div class="ftt ">
            <div class="lianxi fy">
                <h3>联系我们</h3>
                <p>北京总部</p>
                <p>地  址：北京市石景山区阜石路166号泽洋大厦713室</p>
                <p>邮  编：100001</p>
                <!--<pre class="pc">电  话：010-52638701 010-52638749  0372-3668876</pre>-->
                <p>E-mail：xinshidaisheyingjia2018@aliyun.com</p>
                <p>安阳分社</p>
                <p>地  址：河南省安阳市万达广场SOHO公寓B座</p>
                <pre class="pc">电  话：0372-5023007  0372-3978876</pre>
            </div>
            <div class="daohang fy">
                <h3>网站导航</h3>
                <ul class="clearfix f-ul">
                    <li class="fl"><a href="/">首页</a></li>
                    <li class="fl"><a href="/activity.html">摄影赛事</a></li>
                    <li class="fl"><a href="/reflex.html">热门影展</a></li>
                    <li class="fl"><a href="/magazine.html">摄影杂志</a></li>
                    <li class="fl"><a href="http://www.sheyingyou.cn/">摄影旅游</a></li>
                    <li class="fl"><a href="/creation.html">用品超市</a></li>
                    <li class="fl"><a href="Javascript:;">资讯动态</a></li>
                    <li class="fl"><a href="Javascript:;">作品&amp;影展</a></li>
                    <li class="fl"><a href="Javascript:;">全国理事会</a></li>
                    <li class="fl"><a href="Javascript:;">会员服务</a></li>
                    <li class="fl"><a href="Javascript:;">关于我们</a></li>
                    <li class="fl"><a href="/sitemap.html">网站地图</a></li>
                </ul>
            </div>
            <div class="erwei fr">
                <img src="http://www.shumasheying.org.cn/upload/admin/20190424/934b656b7173258b84a6c0af2fd940da.jpg">
                <img src="http://www.shumasheying.org.cn/upload/admin/20190424/dabcf8c159d41ed632d0e89f46179016.jpg">
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <p>版权所有 Copyright © 2019 北京天之星文化传媒中心 All Rights Reserved <span>备案序号：<a href="https://beian.miit.gov.cn/" style="color:white;">京ICP备13014113号-4</a></span><span></span> </p>
            <ul class="clearfix">

            </ul>
        </div>
    </div>

    <div style="position: fixed; z-index: 99999; top: 20%; right: 20px;">
        <!-- <a href="http://www.shumasheying.org.cn/celebrity%20interview/977.html"> -->
        <a href="http://www.shumasheying.org.cn/creation.html">
            <img src="/themes/index/public/assets/images/right117.jpg" alt="">
        </a>
    </div>
    <div style="position: fixed; z-index: 99999; top: 20%; left: 20px;">
        <a href="http://www.shumasheying.org.cn/reflex/2440.html">
            <img src="/themes/index/public/assets/images/left117.jpg" alt="">
        </a>
    </div>
</footer>
<!--引入vue-->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<!--引入axios框架-->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="bower_components/jquery/dist/jquery.js" ></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js" ></script>
<script>
    if (location.search == "?error"){
        $("#error").removeClass("d-none");
    }
    if (location.search == "?logout"){
        $("#logout").removeClass("d-none");
    }
    if (location.search == "?register"){
        $("#register").removeClass("d-none");
    }
</script>
</body>
</html>